<template>
  <div class="songList">
    <div v-for="item in list" :key="item.id">
      <div>{{ item.name }}</div>
    </div>
  </div>
</template>

<script lang="ts">
import { ref, toRefs, reactive, computed, watch, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useStore, mapState } from 'vuex'
export default {
  name: 'songList',
  props: {
    list: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  setup() {
    const route = useRoute()
    const router = useRouter()
    const store = useStore()
    onMounted(() => {})

    return {}
  }
}
</script>

<style scoped></style>
